<template>
	<t-layout-page>
		<t-layout-page-item>
			<t-table :table="table" :columns="table.columns" />
		</t-layout-page-item>
	</t-layout-page>
</template>

<script>
export default {
	data() {
		return {
			table: {
				// 数据
				data: [
					{
						id: '1',
						date: '2019-09-25',
						name: '张三',
						status: '1',
						amount: 3000,
						address: '广东省广州市天河区'
					},
					{
						id: '2',
						date: '2019-09-26',
						name: '张三1',
						status: '2',
						amount: 2000,
						address: '广东省广州市天广东省广州市天河区2广东省广州市天河区2河区2'
					},
					{
						id: '3',
						date: '2019-09-27',
						name: '张三2',
						status: '3',
						amount: 4000,
						address: '广东省广州市天河区3'
					}
				],
				columns: [
					{ prop: 'name', label: '姓名', minWidth: '100' },
					{ prop: 'date', label: '日期', minWidth: '160' },
					{
						prop: 'status',
						label: '字典过滤',
						minWidth: '100',
						filters: {
							list: 'statusList',
							key: 'id',
							label: 'label'
						}
					},
					{ prop: 'address', label: '地址', minWidth: '220' },
					{ prop: 'amount', label: '金额', minWidth: '160' },
					{ prop: 'address', label: '地址', minWidth: '220' }
				],
				listTypeInfo: {
					statusList: [
						{
							id: '1',
							label: '待办'
						},
						{
							id: '2',
							label: '待审批'
						},
						{
							id: '3',
							label: '报废'
						}
					]
				}
			}
		}
	}
}
</script>
